<template>
  <div class="bigbox">
    <main>
      <page-user></page-user>
      <page-attention></page-attention>
      <page-split></page-split>
      <page-order></page-order>
    </main>
    <page-footer></page-footer>
  </div>
</template>
<script type="text/ecmascript-6">
  import pageFooter from "../components/commons/mgjfooter.vue";
  import pageUser from "../components/my/user.vue";
  import pageAttention from "../components/my/attention.vue";
  import pageSplit from "../components/my/split.vue";
  import pageOrder from "../components/my/order.vue";

  export default {
    components: {
      pageFooter,
      pageUser,
      pageAttention,
      pageSplit,
      pageOrder
    }
  }

</script>
<style scoped>
  main{
    flex: 1;
    overflow-x: hidden;
    overflow-y: scroll;
  }
</style>
